import type { SVGProps } from 'react'

/**
 * Play icon component
 * @param props - SVG properties including className, fill, etc.
 */
export function Play(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      width='10'
      height='10'
      viewBox='0 0 10 10'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
      {...props}
    >
      <path
        d='M6.13231 1.69656C7.08485 2.23771 7.83339 2.66296 8.36666 3.0525C8.9036 3.44472 9.30069 3.85468 9.44293 4.39515C9.54724 4.79151 9.54724 5.20844 9.44293 5.6048C9.30069 6.14527 8.9036 6.55523 8.36666 6.94744C7.8334 7.33698 7.08487 7.76223 6.13234 8.30337L6.13233 8.30338L6.13231 8.30339C5.21218 8.82615 4.43625 9.26697 3.8472 9.51751C3.25341 9.77007 2.71208 9.89808 2.18595 9.74899C1.7993 9.63942 1.44748 9.43146 1.16407 9.14552C0.779435 8.75745 0.62504 8.22109 0.551993 7.5756C0.479482 6.93484 0.479486 6.09605 0.479492 5.0292V5.0292V4.97075V4.97075C0.479486 3.9039 0.479482 3.06511 0.551993 2.42435C0.62504 1.77886 0.779435 1.2425 1.16407 0.85443C1.44748 0.568491 1.7993 0.360528 2.18595 0.250961C2.71208 0.10187 3.25341 0.229878 3.8472 0.482438C4.43626 0.732984 5.21217 1.1738 6.13231 1.69656L6.13231 1.69656Z'
        fill='currentColor'
      />
    </svg>
  )
}
